    
body 
{
	font-family:Trebuchet MS;
	text-align:center;
	background-color:#c6c6c6
}
 
#main 
{
	position:absolute;
	left:0px;
	top:0px;
	width:480px;
	height:254px;
	background-color:#ffffff;
}
 
.text_button {
	font-size:14px;
	color:#0066cc;
	line-height:28px;
}
 
.card_face {
	font-size:20px;
	background-image:url(../images/card-face.png);
	background-repeat:no-repeat;
	font-family:Trebuchet MS;	
	text-align:center;
	line-height:45px;
}

.gray_bottom {
	position:absolute;
	top:256px;
	left:0px;
	width:480px;
	text-align:left;
}

#restartButton {
	position:absolute;
	top:256px;
	left:18px;
	width:70px;
	text-align:left;
}

#restartConfirmButton {
	position:absolute;
	top:256px;
	left:18px;
	width:70px;
	text-align:left;
	display:none;
}

#rulesButton {
	position:absolute;
	top:256px;
	left:110px;
	width:80px;
	text-align:center;
}

#optionsButton {
	position:absolute;
	top:256px;
	left:220px;
	width:80px;
	text-align:center;
}

#gameTime {
	position:absolute;
	top:256px;
	left:360px;
	width:100px;
	text-align:right;
}

.card { position:absolute; height:45px; width:45px; }
.row1 { top: 24px; }
.row2 { top: 81px; }
.row3 { top: 138px; }
.row4 { top: 195px; }

.col1 { left:18px; }
.col2 { left:75px; }
.col3 { left:132px; }
.col4 { left:189px; }
.col5 { left:246px; }
.col6 { left:303px; }
.col7 { left:360px; }
.col8 { left:417px; }

#rules 
{
	position:absolute;
	left:0px;
	top:0px;
	width:480px;
	height:254px;
	background-color:#ffffff;
	display:none;
}

#rulesHeadline {
	position:absolute;top:10px;left:15px;font-size:16px;width:450px;
}

#rulesCopy {
	position:absolute;top:36px;left:15px;font-size:13px;text-align:left;width:450px;
}

.rules_card { height:45px; width:45px; }

.rules_card_spacer { width:6px; height:6px; }

#rulesDoneButton {
	position:absolute;
	top:256px;
	left:150px;
	width:180px;
}
 
#options 
{
	position:absolute;
	left:0px;
	top:0px;
	width:480px;
	height:254px;
	background-color:#ffffff;
	display:none;
}

#optionsHeadline {
	position:absolute;top:10px;left:15px;width:450px;font-size:18px;
}

#optionsSelectSyllabary {
	position:absolute;top:35px;left:15px;width:450px;font-size:16px;
}

#optionsSyllabaries {
	position:absolute;top:55px;left:15px;width:450px;font-size:14px;
}

#optionsSelectSeries {
	position:absolute;top:90px;left:15px;width:450px;font-size:16px;
}

#optionsSeries {
	position:absolute;top:115px;left:15px;width:450px;
}

.options_syllabary_selected { font-weight:bold;color:#000000; }
.options_syllabary_unselected { font-weight:normal; color:#999999; }
.options_card {
	background-image:url(../images/card-deselected.png);
	width:45px;
	height:45px;
}

.options_card_spacer {
	width:5px;
	height:5px;
}

#optionsDoneButton {
	position:absolute;top:256px;left:200px;width:80px;
}
 
#completed 
{
	position:absolute;
	left:88px;
	top:44px;
	width:300px;
	height:200px;
	background-color:#ffffff;
	border:solid 2px #666666;
	display:none;
}

#completedHeadline {
	position:absolute;top:15px;left:20px;width:240px;text-align:center;font-size:20px;
}

#completedCopy {
	position:absolute;top:50px;left:15px;width:260px;text-align:left;font-size:14px;
}

#completedDoneButton {
	position:absolute;top:160px;left:20px;width:240px;text-align:center;font-size:16px;
}
